<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="../../js/bootstrap.bundle.min.js"></script>
    <style>

    </style>
</head>
<body>
    <div class="container">
        <h2 class="text-center m-4">欢迎注册启点教育</h2>
        <form action="#" method="get">
            <div class="form-group m-4">
                <label for="user_name" class="col-form-label col-3 text-right">用户名</label>
                <input type="text" name="username" placeholder="请输入用户名" id="user_name" class="form-control-sm col-6">
            </div>
            <div class="form-group m-4">
                <label for="password" class="col-form-label col-3 text-right">密码</label>
                <input type="password" name="password" placeholder="请输入密码" id="password" class="form-control-sm col-6">
            </div>
            <div class="form-group row">
                <div class="text-right col-3">性别</div>
                <div class="col-6 row">
                    <div class="form-check col-2">
                        <input type="radio" name="gender" value="男" id="gender_m">
                        <label for="gender_m">男</label>
                    </div>
                    <div class="form-check">
                        <input type="radio" name="gender" value="女" id="gender_w">
                        <label for="gender_w">女</label>
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>
</html>